import { ref, computed } from 'vue'
import { defineStore } from 'pinia'
import { getCategoryAPI } from '@/apis/layout';
export const routerStore = defineStore('router', () => {
    // 左边分类列表
    const categories = ref(['产品介绍', '会员权益', '促销优惠', '客户服务', '折扣积分', '专属活动', '支付方式', '发票说明', '售后服务', '常见问题', '购物指南', '退换货政策', '配送方式'])  // 为每个菜单项维护选中状态
    const isSelected = ref(Array(categories.value.length).fill(false));
    // 切换选中状态
    const changeSelected = (index) => {
        // 将所有菜单项的选中状态重置为 false
        isSelected.value.fill(false);
        // 设置当前点击的菜单项为选中状态
        isSelected.value[index] = true;
    }

    return {
        categories,
        isSelected,
        changeSelected
    }
})
